<template>
  <div id="contain">
    <el-menu
      default-active="1"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
      style="width: 950px"
    >
      <el-menu-item index="1">未完成</el-menu-item>
      <el-menu-item index="2">已完成</el-menu-item>
    </el-menu>
    <xianluno v-if="activeIndex === '1'" />
    <xianluyes v-if="activeIndex === '2'" />
  </div>
</template>

<script>
import xianluno from "@/views/Business/xianluno.vue";
import xianluyes from "@/views/Business/xianluyes.vue";
export default {
  components: {
    xianluno,
    xianluyes,
  },
  data() {
    return {
      activeIndex: "1",
    };
  },
  methods: {
    handleSelect(key) {
      this.activeIndex = key;
    }
  },
};
</script>
<style  scoped>
</style>>